<script setup>

import {onMounted} from "vue";
import {get} from "@/net";
import {ElMessage} from "element-plus";
import router from "@/router";

const logout = () => {
    get('/api/auth/logout', (message)=>{
        ElMessage.success(message)
        router.push('/login')
    })
}


</script>

<template>
    <div class="flex-grow gap-[1.5rem]">
        <div class="w-full min-h-[300px] flex flex-col">
            <div class="flex flex-col gap[.75rem] font-size-[.875rem] line-height-[1.25rem] flex-grow">
                <div class="padding-bottom-[.75rem] border-bottom-width-1px border-color-[--set-close-btn-color] px-1">
                    <div class="flex justify-between item-center gap[.75rem]">
                        <div>用户名</div>
                        <div>正在开发</div>
                    </div>
                </div>
            </div>
            <div style="margin: auto auto 30px auto">
                <el-button type="danger" @click="logout">退出登录</el-button>
            </div>

        </div>
    </div>
</template>

<style scoped>

</style>